.front {
    background: #f9f9f9;
    font-size: 1.1rem;

    .header {
        border-bottom: solid 4px #41a8a5;
    }

    .markdown {
        pre {
            code {
                white-space: break-spaces;
            }
        }

        table,
        td,
        th,
        thead,
        tfoot {
            border: solid 1px #ddd;
            padding: 1rem;
        }

        thead {
            background: rgba(0, 0, 0, 0.2);
        }

    }

}

.edu-front-lesson-index {
    .lesson {
        img {
            width: 100%;
        }
    }
}

.edu-front-video-show {
    .video {
        background: #262b36;

        video {
            width: 100%;
            outline: none;
        }
    }

}

.edu-front-system-index {
    .system {
        img {
            width: 100%;
        }
    }
}

.edu-front-sign-index {
    label {
        input:checked + img {
            border-color: #E85854;
        }

        img {
            float: left;
            border: 5px solid #eae8e8;
            margin-right: 10px;
            padding: 5px 6px 2px;
            cursor: pointer;
            border-radius: 10px;
            background-color: #f3f3f3;
            transition: 0.5s;
        }
    }
}
.edu-center-favorite-index{
    .nav-link{
        border: solid #dee2e6 1px;
        font-size:0.9rem;
        font-weight: 700;
        &.active{
            color: #409eff !important;
        }
    }
}
.edu-front-subscribe-index{
    .head{
        background-image: linear-gradient(150deg,#2d1582,#19a0ff);
        padding-bottom: 8rem;
        padding-top: 8rem;
        margin-bottom: -5rem;
        h1{
            font-size: 4rem;
        }
    }
    .body{
        @media(min-width: 768px)  {
            padding-left: 10rem;
            padding-right: 10rem;

        }
    }
}
